<template>
    <view class="withdrawal">
        <view class="withdrawal-item">
            <view class="item-top"> 可提现金额：300元 </view>
            <view class="item-center">
                <text class="item-text">￥</text>
                <u-input border="none" placeholder="请输入提现金额"></u-input>
            </view>
            <view class="item-bottom">
                <view class="item-item">
                    <view>姓名</view>
                    <u-input border="none" inputAlign="right" placeholder="请输入"></u-input>
                </view>
            </view>
        </view>
        <view class="btn">
            <view class="detail-btn"> 申请 </view>
        </view>
    </view>
</template>
<script>
export default {
    name: "withdrawal",
    components: {},
    mixins: [],
    props: {},
    data() {
        return {};
    },
    computed: {},
    watch: {},
    mounted() {},
    methods: {},
};
</script>
<style lang="scss" scoped>
.withdrawal {
    background-color: #f7f7f7;
    .withdrawal-item {
        background-color: #fff;
        padding: 25rpx;
        margin: 25rpx;
        border-radius: 20rpx;
        .item-top {
            font-size: 26rpx;
            color: #333;
        }
        .item-center {
            display: flex;
            align-items: center;
            font-size: 28rpx;
            color: #333;
            margin: 30rpx 0;
            .item-text {
                font-size: 40rpx;
                font-weight: bold;
            }
        }
        .item-bottom {
            margin: 30rpx 0;
            .item-item {
                display: flex;
                align-items: center;
                font-size: 28rpx;
                justify-content: space-between;
            }
        }
    }
    .btn {
        .detail-btn {
            width: 90%;
            margin: 0 auto;
            text-align: center;
            color: #fff;
            padding: 18rpx 0;
            background-color: #df4748;
            border-radius: 50rpx;
        }
    }
}
</style>
